{include file="public/meta" /}
<title>产品管理</title>
</head>
<body>
<!--_header 作为公共模版分离出去-->
{include file="public/header" /}
<!--/_header 作为公共模版分离出去-->
<!--_menu 作为公共模版分离出去-->
{include file="public/leftmenu" /}
<!--/_menu 作为公共模版分离出去-->
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> <a href="{:url('Index/index')}">首页</a> <span class="c-gray en">&gt;</span> 产品管理 <span class="c-gray en">&gt;</span> 产品列表<a id="btn-refresh" class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="text-c">
                <form action="" method="get">
                    分类 :
                    <span class="select-box" style="width: 80px;">
                            <select class="select" size="1" name="category_id">
                                <option value="" selected>请选择</option>
                                {foreach name="category" item="vo"}
                                <option {if condition="input('category_id') eq $vo['id'] "}selected{/if} value="{$vo['id']}">{$vo.title}</option>
                                {/foreach}
                            </select>
                        </span>
                    <input type="text" class="input-text" style="width:250px" placeholder="请输入关键字" name="keywords" value="{:input('keywords')}">
                    <button type="submit" class="btn btn-success radius"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
                </form>
            </div>
            <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a href="javascript:;" onclick="goods_add('添加产品','add.html','','510')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加产品</a></span>  </div>
            <div class="mt-20">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="40"><input name="" type="checkbox" value=""></th>
                        <th width="40">ID</th>
                        <th width="100">缩略图</th>
                        <th width="50">所属分类</th>
                        <th width="100">产品名称</th>
                        <th width="40">单价</th>
                        <th width="40">库存</th>
                        <th width="40">销量</th>
                        <th width="100">置顶|推荐|排序|特价</th>
                        <th width="60">发布状态</th>
                        <th width="100">操作</th>
                    </tr>
                    </thead>
                    {volist name="list" id="val"}
                    <tbody>
                    <tr class="text-c">
                        <td><input type="checkbox" value="1" name=""></td>
                        <td>{$val['id']}</td>
                        <td><img width="60" class="product-thumb" src="{$val['img_url']}"></td>
                        <td>{$val['categoryshow']}</td>
                        <td>{$val['title']}</td>
                        <td>{$val['sell_price']}</td>
                        <td>{$val['stock']}</td>
                        <td>{$val['sell_count']}</td>
                        <td>
                            {eq name="val.is_top" value="1"}<span style="color:red;">是</span>{else/}否{/eq} |
                            {eq name="val.is_rec" value="1"}<span style="color:red;">是</span>{else/}否{/eq} |
                            <span style="color:blue">{$val['sort']}</span> |
                            {eq name="val.is_special" value="1"}<span style="color:red;">是</span>{else/}否{/eq}
                        </td>
                        <td class="td-status">
                            {eq name="$val['status']" value="1" }
                            <span class="label label-default radius">下架</span>
                            {/eq}
                            {eq name="$val['status']" value="0" }
                            <span class="label label-success radius">上架</span>
                            {/eq}
                        </td>
                        <td class="td-manage">
                            {eq name="$val['status']" value="0" }
                            <a style="text-decoration:none" onClick="goods_stop(this,'{$val['id']}')" href="javascript:;" title="设置为下架"><i class="Hui-iconfont">下架</i></a>
                            {/eq}
                            {eq name="$val['status']" value="1" }
                            <a style="text-decoration:none" onClick="goods_start(this,'{$val['id']}')" href="javascript:;" title="设置为上架"><i class="Hui-iconfont">上架</i></a>
                            {/eq}
                            <a title="查看评论" href="javascript:;" onclick="goods_comment('查看评论','comment.html','{$val['id']}',1200,800)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">查看评论</i></a>
                            <a title="编辑" href="javascript:;" onclick="goods_edit('编辑','edit.html','{$val['id']}','','510')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">编辑</i></a>
                            <a title="删除" href="javascript:;" onclick="article_del(this,'{$val['id']}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">删除</i></a></td>
                    </tr>
                    </tbody>
                    {/volist}
                </table>
                <div class="bjwl_paginate">
                    {$list->render()}
                </div>
            </div>
        </article>
    </div>
</section>
<!--_footer 作为公共模版分离出去-->
{include file="public/footer" /}
<!--/_footer /作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__LIB__/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__LIB__/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    /*$(function(){
        $('.table-sort').dataTable({
            "aaSorting": [[ 1, "desc" ]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable":false,"aTargets":[0,9]}// 制定列不参与排序
            ]
        });
        $('.table-sort tbody').on( 'click', 'tr', function () {
            if ( $(this).hasClass('selected') ) {
                $(this).removeClass('selected');
            }
            else {
                $('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        });
    });*/
    /*添加*/
    function goods_add(title,url,w,h){
        layer_show_full(title,url,w,h);
    }
    function goods_comment(title,url,id,w,h){
        layer_show_id(title,url,id,w,h);
    }

    /*停用*/
    function goods_stop(obj,id){
        layer.confirm('确认要下架吗？',function(index){
            var goodsId=id;
            $.ajax({
                url:"{:url('Goods/stop')}",
                type:'post',
                data:{
                    'goodsId':goodsId
                },
                dataType:'json',
                success:function(data){
                    if(data.code==0)
                    {
                        $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="goods_start(this,'+goodsId+')" href="javascript:;" title="设置为上架"><i class="Hui-iconfont">上架</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">下架</span>');
                        $(obj).remove();
                        layer.msg(data.msg,{icon:6,time:1000});
                    }
                    else{
                        layer.msg(data.msg,{icon:5,time:1000});
                    }
                },
                error:function(data){
                    layer.msg(data.msg,{icon:5,time:1000});
                }
            });
        });
    }
    /*启用*/
    function goods_start(obj,id){
        layer.confirm('确认要上架吗？',function(index){
            var goodsId=id;
            $.ajax({
                url:"{:url('Goods/start')}",
                type:'post',
                data:{
                    'goodsId':goodsId
                },
                dataType:'json',
                success:function(data){
                    if(data.code==0) {
                        $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="goods_stop(this,'+goodsId+')" href="javascript:;" title="设置为下架"><i class="Hui-iconfont">下架</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">上架</span>');
                        $(obj).remove();
                        layer.msg(data.msg,{icon:6,time:1000});
                    }
                    else{
                        layer.msg(data.msg,{icon:5,time:1000});
                    }
                },
                error:function(data){
                    layer.msg(data.msg,{icon:5,time:1000});
                }
            });
        });
    }
    /*编辑*/
    function goods_edit(title,url,id,w,h){
        layer_show_id_full(title,url,id,w,h);
    }
    /*删除*/
    function article_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            var goodsId=id;
            $.ajax({
                url:"{:url('Goods/del')}",
                type:'post',
                data:{
                    'goodsId':goodsId
                },
                dataType:'json',
                success:function(data){
                    if(data.code==0)
                    {
                        $(obj).parents("tr").remove();
                        layer.msg(data.msg,{icon:6,time:1000});
                    }
                    else{
                        layer.msg(data.msg,{icon:5,time:1000});
                    }
                },
                error:function(data){
                    layer.msg(data.msg,{icon:5,time:1000});
                }
            });
        });
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>